<template>
  <div class="about">
    <h1>{{ msg }}</h1>
    <child :aa="msg" :bb="msg2"></child>
    <!-- //第三步：使用 -->

    <!-- :aa是一个自定义属性 意思是把msg发送给child -->
  </div>
</template>
<script>
import child from "../components/Child.vue";
// 第一步：引入
export default {
  data() {
    return {
      msg: "这是about页面的msg",
      msg2: "这是about的第er个要传的变量",
    };
  },
  components: {
    child,
  },
  //第二步：注册
};
</script>
